/*-------------------------页面 left 部分-----------------------------*/
#left{
	width: 175px;
	height: 100%;
	border-right: 1px solid white;
	background-color: #34495E;
	color: white;
	float:left;
	/*position: relative;*/
	overflow: hidden;
}
/*left 部分: top 顶部logo文本 */
#left #logoTxt{
	height: 40px;
	padding-top:20px ;
	background-color: #111111;
	text-align: center;
	font-size: 20px;
	font-family: "楷体";
}

#logoTxt a{
	color: white;
	text-decoration: none;
}

/*left 部分: 中间头像部分 */
#left #photoPanel{
	height: 100px;
	padding: 10px;
	margin: 0 20px;
	border-bottom:1px solid gray ;
}

#photoPanel div{
	width: 100%;
	text-align: center;
}

#photoPanel img{
	width: 50%;
	border-radius: 100%;
}

#photoPanel #online{
	font-size: 20px;
	color: #5CB85C;
}

/*left 部分: 主体菜单部分 */
#left #menu{
	margin-top:10px ;
	text-indent: 20px;
}
#menu p{
	margin: 0;
	padding: 15px;
	border-top: 1px solid #34495E;
	border-bottom: 1px solid #34495E;
	color:white;
	cursor: pointer;
}
#menu p:hover{
	color:#F1AF00;
}
#menu p span{
	float: right;
	text-align: center;
}

/*#menu>div div{
	height: 20px;
	float: left;
	padding: 10px 0;
	border-width: 1px 0;
	text-indent: 20px;
	display: none;
	background-color: #111111;
	cursor: pointer;
}*/



#menu a{
	text-decoration: none;
}

/*-------------------------页面 right 部分-----------------------------*/
#right{
	height: 100%;
	background-color: #F7F6F2;
	float:right;
}

/*right 部分: top 顶部部分 */
#right #top{
	height: 60px;
	background-color: #111111;
	color: white;
}

#top #topLeft{
	float: right;
	padding-top: 30px;
}
#top #Timer{
	color:#daf6ff;
	font-family: 'Share Tech Mono', monospace;
	font-size: 25px;
	text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
	float: left;
	padding-top: 20px;
}
/*right 部分: center 中间部分*/
/*#right #center{
	width: 100%;
	height: 80%;
}*/

/*right 部分: bottom底部部分*/
#right #bottom{
	height: 20px;
	padding: 10px 0;
	border-top:1px solid gray ;
	background-color: #F5F5F5;
	text-align: center;
}


/*左边导航栏样式*/
#right #menu{ height: 84%; width: 100%;}
#menu a{color:#EEEEEE}
#menu a.crent{color:#ff0000;}
/*导航栏背景颜色*/
#div_tab{background:#34495E repeat-x 0 bottom;height:26px;padding:;margin-bottom:10px;}
#div_tab li{float:left;text-align:center;position:relative;list-style:none;}

#div_tab li{background:#34495E;margin-top:3px;height:23px;}
#div_tab li span{background:#34495E;height:23px;line-height:23px;}

#div_tab li.crent{background:#34495E;margin-top:2px;height:24px;}
#div_tab li.crent span{background:#FFFFFF;height:24px;line-height:24px;}

#div_tab li,#div_tab li.crent{color:#fff;background-repeat:no-repeat;background-position:0 0;}	
#div_tab li span,#div_tab li.crent span{display:inline-block;padding:0 36px 0 15px;background-repeat:no-repeat;background-position:right bottom;}
/*切换栏字体颜色*/
#div_tab li .menua{color:#FFFFFF;font-size:14px; text-decoration:none;position:relative;}
#div_tab li.crent .menua,#div_tab li .menua:hover{color:#5BC0DE;}
#div_tab li .win_close,#div_tab li.crent .win_close{width:14px;height:14px;position:absolute;top:4px;right:5px;cursor:pointer;display:block;overflow:hidden;background:url(http://www.86y.org/images/t_delete_ico.gif) no-repeat;}		
#div_tab li .win_close{background-position:0 -14px;}
#div_tab li .win_close:hover{background-position:0 0;}

.clearfix:after {content:"."; display:block;height:0;clear:both; visibility:hidden;} 
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix {display:block;}


/* 左边弹出框边框样式  方式一*/
#menu>div>div{  background:#34495E; ;border-style: inset outset outset none;}
/* 左边弹出框边框样式  方式二*/
/*#menu .zhmx, .zlmx, .ggmx{
	border-style: inset outset outset none;
}*/


/*左边导航栏样式*/

/* 二层框  左边弹出框文字悬停颜色 */
/*#menu a:hover{color:#F1AF00;}*/
/*.personnel_manage_list ul li{
			margin-left: -15px;
			    cursor: pointer;
}*/
#menu ul li:hover{
	color:#F1AF00;
}
.personnel_manage_list ul li{
	margin-left: -15px;
	cursor: pointer;
}
 .base_data_list ul li{
 	margin-left: -15px;
	cursor: pointer;
 }

/*                 二级展示框                                    */
/*第二层框悬停颜色*/
#menu>div div:hover{
	background-color: #415b76;
	opacity: 1;
}
.personnel_manage_list{  
            width:120px;  
            position: absolute;  
            display:  none;  
            font-size: 15px; 
            line-height: 33px;
            margin-left: 175px;  
        	margin-top: -80px;            
} 
.personnel_manage_list span{
	margin-left: 5px;
}
#menu .personnel_manage:hover .personnel_manage_list{
	float: left;
	display: block;
   /* color: white;*/
    opacity: 1;  
}
.personnel_manage_list a{
	float: left;
	margin-left: -15px;
	padding-right:-3px ;
}
.personnel_manage_list a:hover{
	/*background-color: yellow;*/
	text-decoration:none;
}
.base_data_list{  
    width:120px;  
    position: absolute;  
    opacity: 0;  
    display:  none;  
    font-size: 15px;  
    line-height: 33px;
	margin-left: 175px;  
    margin-top: -50px;
} 
 #menu .base_data:hover .base_data_list{
	float: left;
	display: block;
    opacity: 1;  
}
.base_data_list a{
	float: left;
	margin-left: 0px;
	padding-right:-3px ;
}
.base_data_list a:hover{
	text-decoration:none;
}

/*             	  三层弹框                */
#menu ul li{
	list-style: none;
}
.personnel_manage_list ul li>div{
	position: absolute; 
	width:125px;  
	display: none;
	float: left;
}


/* 第三层弹出框边框样式  方式一*/
#menu>div>div div{  background:#415b76; ;border-style: inset outset outset none;}
/*第三层框悬停背景颜色*/
/*#menu>div>div div:hover{
	background: #496887;
}*/
/*三层弹框悬停显示*/
/**/
.personnel_manage_list ul li:hover .baseSet_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -82px;
}
.personnel_manage_list ul li:hover .staffFile_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -53px;
}
.personnel_manage_list ul li:hover .contractManage_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -68px;
}
.personnel_manage_list ul li:hover .depatPost_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -58px;
}
.personnel_manage_list ul li:hover .personnelChange_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -62px;
}
.personnel_manage_list ul li:hover .trainManage_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -66px;
}
.personnel_manage_list ul li:hover .countAnalyse_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -63px;
}
#menu .personnel_manage_list ul li a:hover{
	color:#F1AF00;
}
/*基础数据*/
.base_data_list ul li>div{
	position: absolute; 
	width:125px;  
	display: none;
	float: left;
}

#menu .base_data_list ul li a:hover{
	color:#F1AF00;
}

.base_data_list ul li:hover .organization_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -60px;
}
.base_data_list ul li:hover .userManage_list{
	display: block;
	 opacity: 1;  
	 margin-left: 135px;
	margin-top: -63px;
}







